$color-error: #dd524d;
//主题色
$bgcolor-blue:#040D21;//深蓝色
$bgcolor-bluer:radial-gradient( 227.48% 373.86% at 50% 220.45%, #9e7bff 31.77%, #3d8bd3 100% );//渐变蓝色
$bgcolor-white:#ffffff;//白色
$bgcolor-gray:#f6f8fa;//灰色
$bgcolor-black:#18191A;//黑色
$bgcolor-black-assist:#242526;//辅助黑色

//白色背景下的字体主题
$color-normal-light: #000000; //默认黑色
$color-blackgray-light:#606770;//黑灰色
$color-active-light: #0057c2; //激活颜色
$color-assist-light: #6b737c; //辅助灰色
$color-blue-light:#8280F2;//浅蓝色

//蓝色背景下的字体主题
$color-normal-blue: #ffffff; //默认白色
$color-mild-blue:#e3f7ff;//暖白色
$color-assist-blue: #8193b2; //辅助蓝色
$color-assist-blue-deep: #627597; //辅助深蓝色

//白色背景下的边框
$border-normal-light: #dadde1; //默认灰色

//蓝色背景下的边框
$border-normal-blue: #42526d; //默认浅蓝色
$border-gray-blue:#606770;//灰色

//标题
$title-color-blue: -webkit-linear-gradient(-70deg, #a2facf 0%, #64acff 100%);//蓝色渐变
$title-color-pink: -webkit-linear-gradient(-70deg, #db469f 0%, #2188ff 100%);//粉色渐变


//文档模块和项目模块整体背景色
@mixin background-color($background){
    background:$background;
   
    [theme="light"] & {
        background:$bgcolor-white !important;
    }
    [theme="dark"] & {
        background:$bgcolor-black !important;
    }
}


//侧边导航栏的字体色
@mixin sidenav-color($color){
    color:$color;
   
    [theme="light"] & {
        color:$color-blackgray-light;
    }
    [theme="dark"] & {
        color:$color-mild-blue;
    }
}

//侧边导航栏激活的背景色
@mixin sidenav-color-active($color){
    background-color:$color;
   
    [theme="light"] & {
        background-color:$bgcolor-gray;
    }
    [theme="dark"] & {
        background-color:#2A2B2C;
    }
}

//侧边导航栏的滚动条背景色
@mixin sidenav-scrollbar-tack($background){
    background:$background;
   
    [theme="light"] & {
        background:$color-normal-blue;
    }
    [theme="dark"] & {
        background:$bgcolor-black;
    }
}

//侧边导航栏的右边框
@mixin sidenav-border-right($border){
    border-right:$border;
   
    [theme="light"] & {
        border-right:1px solid #dcdcdc;
    }
    [theme="dark"] & {
        border-right:1px solid $color-mild-blue;
    }
}

//侧边导航栏的滚动条滚动块背景色
@mixin sidenav-scrollbar-thumb($background){
    background:$background;
   
    [theme="light"] & {
        background:$bgcolor-gray;
    }
    [theme="dark"] & {
        background:$bgcolor-blue;
    }
}

//markdown大标题字体色
@mixin markdown-h2($color){
    color:$color;
   
    [theme="light"] & {
        color:$color-normal-light !important;
    }
    [theme="dark"] & {
        color:$color-mild-blue !important;
    }
}

@mixin markdown-h2-border($border){
    border-bottom:$border;
   
    [theme="light"] & {
        border-bottom:1px solid #dcdcdc !important;
    }
    [theme="dark"] & {
        border-bottom:1px solid $color-mild-blue !important;
    }
}

//markdown正文字体色
@mixin markdown-content($color){
    color:$color;
   
    [theme="light"] & {
        color:$color-blackgray-light !important;
    }
    [theme="dark"] & {
        color:$color-mild-blue !important;
    }
}

//markdown代码块背景色
@mixin markdown-pre($background){
    background:$background;
   
    [theme="light"] & {
        background:$bgcolor-gray !important;
    }
    [theme="dark"] & {
        background:#282A36 !important;
    }
}

//信息栏的左边框
@mixin info-border-left($border){
    border-left:$border;
   
    [theme="light"] & {
        border-left:1px solid #dcdcdc;
    }
    [theme="dark"] & {
        border-left:1px solid $color-mild-blue;
    }
}
